<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>RequestAnimaionFrame</title>

		<style type="text/css">
body {
	background: #dddddd;
}

#canvas {
	background: #FFFFFF;
	cursor: pointer;
	margin-left: 10px;
	margin-top: 10px;
	-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
}

#controls {
	margin-top: 10px;
	margin-left: 15px;
}
</style>


	</head>

	<body>

		<div id="controls">
			<input id="animateButton" type="button" value="Animate" />
		</div>

		<canvas id="canvas" width="750" height="500">
		Canvas not Supported
		</canvas>

		<script type="text/javascript" src="../js/ext-base.js"></script>
		<script type="text/javascript" src="../js/ext-all.js"></script>
		<script type="text/javascript" src="../js/CanvasHelper.js"></script>
		<script type="text/javascript" src="../js/RequestAnimationFrame.js"></script>

	</body>
</html>